<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <title>淘趣购物商成</title>
  </head>
  <body>
    <script>
      (function(){
       // 处理rem的适配
       // 设计稿宽度（根据实际设计稿调整）
       const designWidth = 750;
        // 将设计稿分为 N 等份（通常 10 或 15）
        const baseSize = 20;  // 1rem = designWidth / baseSize

        // 动态设置根字体大小
        const setFontSize = () => {
          const deviceWidth = document.documentElement.clientWidth;
          console.log("🚀 ~ setFontSize ~ deviceWidth:", deviceWidth)
          const scale = deviceWidth / designWidth;
          document.documentElement.style.fontSize = `${baseSize * scale * 10}px`;
        };

        // 初始化 + 监听窗口变化
        setFontSize();
        window.addEventListener('resize', setFontSize);
      })()
    </script>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
